<template>
	<el-dialog
		:visible="true"
		width="80%"
		:destroy-on-close="true"
		class="rempadding"
		:before-close="handleClose"
	>
		<div slot="title" class="dialog-title">
			<el-form :inline="true" label-width="auto">
				<el-row>
					<el-col :span="24">
						<el-form-item :label="'会员账号' + ' : '">
							{{ rowVal.memberName }}
						</el-form-item>
					</el-col>
				</el-row>
			</el-form>
		</div>
		<el-table
			v-loading="loading"
			size="mini"
			border
			:data="tableData"
			class="small-size-table"
			style="margin-bottom: 15px"
			:header-cell-style="getRowClass"
			element-loading-spinner="el-icon-loading"
			show-summary
			:summary-method="
				(val) => handleDayRow(val, subSummary, totalSummary)
			"
			highlight-current-row
		>
			<template v-if="activeName === 'all'">
				<el-table-column
					key="staticsDate"
					prop="staticsDate"
					align="center"
					min-width="150"
					:label="'统计日期'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ formatDate(String(scope.row.reportDate)) || '-' }}
					</template>
				</el-table-column>
				<el-table-column
					prop="betCount"
					align="center"
					min-width="200"
					:label="'注单量'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleNumber('', scope.row.betCount, 0) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dxClubTotalServiceChargeContributionAmount"
					align="center"
					min-width="200"
					:label="'德州俱乐部服务费贡献'"
				>
					<template slot-scope="scope">
						{{ handleCurrency('USDT') }}
						{{
							handleNumber(
								'USDT',
								scope.row
									.dxClubTotalServiceChargeContributionAmount
							)
						}}
					</template>
				</el-table-column>
				<el-table-column
					prop="otherBetAmount"
					align="center"
					min-width="200"
					:label="'其他场馆投注金额'"
				>
					<template slot-scope="scope">
						{{ handleCurrency('USDT') }}
						{{ handleNumber('USDT', scope.row.otherBetAmount) }}
					</template>
				</el-table-column>
				<el-table-column
					prop="otherValidBetAmount"
					align="center"
					min-width="200"
					:label="'其他场馆有效投注'"
				>
					<template slot-scope="scope">
						{{ handleCurrency('USDT') }}
						{{
							handleNumber('USDT', scope.row.otherValidBetAmount)
						}}
					</template>
				</el-table-column>
				<el-table-column
					prop="otherValidBetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'有效投注重算调整'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						<span>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.otherValidBetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="betNetAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏'"
				>
					<template slot-scope="scope">
						<span
							:style="handleNumberColor(scope.row.betNetAmount)"
						>
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.betNetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="otherNetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏重算调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row
										.otherNetRecalculationAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.otherNetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="rebateAmount"
					align="center"
					min-width="200"
					:label="'返水金额'"
				>
					<template slot-scope="scope">
						<span
							:style="handleNumberColor(scope.row.rebateAmount)"
						>
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.rebateAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="otherMemberRebateRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'返水金额重算调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row
										.otherMemberRebateRecalculationAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.otherMemberRebateRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="accountAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'账户调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.accountAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.accountAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="otherAmount"
					align="center"
					min-width="200"
					:label="'其他收支项'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.otherAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.otherAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="netAmount"
					align="center"
					min-width="200"
					:label="'总盈亏'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.netAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.netAmount) }}
						</span>
					</template>
				</el-table-column>
			</template>
			<template v-if="activeName === 'dz'">
				<el-table-column
					key="staticsDate"
					prop="staticsDate"
					align="center"
					min-width="150"
					:label="'统计日期'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.reportDate || '-' }}
					</template>
				</el-table-column>
				<el-table-column
					prop="dxClubServiceChargeHandBetCount"
					align="center"
					min-width="200"
					:label="'德州俱乐部注单量'"
				>
					<template slot-scope="scope">
						<span>
							{{
								handleNumber(
									'',
									scope.row.dxClubServiceChargeHandBetCount,
									0
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dxClubServiceChargeContributionAmount"
					align="center"
					min-width="200"
					:label="'德州俱乐部服务费贡献'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row
										.dxClubServiceChargeContributionAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.dxClubServiceChargeContributionAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dxInsureBetCount"
					align="center"
					min-width="200"
					:label="'德州保险注单量'"
				>
					<template slot-scope="scope">
						<span>
							{{
								handleNumber('', scope.row.dxInsureBetCount, 0)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dxInsureBetAmount"
					align="center"
					min-width="200"
					:label="'德州保险投注金额'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(scope.row.dxInsureBetAmount)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.dxInsureBetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dxInsureValidBetAmount"
					align="center"
					min-width="200"
					:label="'德州保险有效投注'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.dxInsureValidBetAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.dxInsureValidBetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dxClubNetAmount"
					align="center"
					min-width="200"
					:label="'德州俱乐部投注盈亏'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(scope.row.dxClubNetAmount)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber('USDT', scope.row.dxClubNetAmount)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dxSquidNetAmount"
					align="center"
					min-width="200"
					:label="'鱿鱼游戏盈亏'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(scope.row.dxSquidNetAmount)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber('USDT', scope.row.dxSquidNetAmount)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dxClubServiceChargeRoundAmount"
					align="center"
					min-width="200"
					:label="'德州俱乐部局服务费'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.dxClubServiceChargeRoundAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.dxClubServiceChargeRoundAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dxInsureNetAmount"
					align="center"
					min-width="200"
					:label="'德州保险投注盈亏'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(scope.row.dxInsureNetAmount)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.dxInsureNetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dxValueAddedTotalAmount"
					align="center"
					min-width="200"
					:label="'德州增值服务消费'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.dxValueAddedTotalAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.dxValueAddedTotalAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dxClubMemberRebateAmount"
					align="center"
					min-width="200"
					:label="'德州俱乐部会员返水'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.dxClubMemberRebateAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.dxClubMemberRebateAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dxMemberVenueNetAmount"
					align="center"
					min-width="200"
					:label="'总盈亏'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.dxMemberVenueNetAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.dxMemberVenueNetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
			</template>
			<template v-if="activeName === 'other'">
				<el-table-column
					key="staticsDate"
					prop="staticsDate"
					align="center"
					min-width="150"
					:label="'统计日期'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.reportDate || '-' }}
					</template>
				</el-table-column>

				<el-table-column
					prop="otherBetCount"
					align="center"
					min-width="200"
					:label="'注单量'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleNumber('', scope.row.otherBetCount, 0) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="otherBetAmount"
					align="center"
					min-width="200"
					:label="'投注金额'"
				>
					<template slot-scope="scope">
						<span
							:style="handleNumberColor(scope.row.otherBetAmount)"
						>
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.otherBetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="otherValidBetAmount"
					align="center"
					min-width="200"
					:label="'有效投注'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(scope.row.otherValidBetAmount)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.otherValidBetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="otherValidBetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'有效投注重算调整'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.otherValidBetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="otherNetAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏'"
				>
					<template slot-scope="scope">
						<span
							:style="handleNumberColor(scope.row.otherNetAmount)"
						>
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.otherNetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="otherNetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏重算调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row
										.otherNetRecalculationAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.otherNetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="otherVenueMemberRebateAmount"
					align="center"
					min-width="200"
					:label="'会员返水'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.otherVenueMemberRebateAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.otherVenueMemberRebateAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="otherMemberRebateRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'会员返水重算调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row
										.otherMemberRebateRecalculationAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.otherMemberRebateRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="otherAmount"
					align="center"
					min-width="200"
					:label="'其他收支项'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.otherAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.otherAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="otherMemberVenueNetAmount"
					align="center"
					min-width="200"
					:label="'总盈亏'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.otherMemberVenueNetAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.otherMemberVenueNetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
			</template>
			<template v-if="activeName === 'ty'">
				<el-table-column
					key="staticsDate"
					prop="staticsDate"
					align="center"
					min-width="150"
					:label="'统计日期'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.reportDate || '-' }}
					</template>
				</el-table-column>

				<el-table-column
					prop="tyBetCount"
					align="center"
					min-width="200"
					:label="'注单量'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleNumber('', scope.row.tyBetCount, 0) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="tyBetAmount"
					align="center"
					min-width="200"
					:label="'投注金额'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.tyBetAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.tyBetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="tyValidBetAmount"
					align="center"
					min-width="200"
					:label="'有效投注'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(scope.row.tyValidBetAmount)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber('USDT', scope.row.tyValidBetAmount)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="tyValidBetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'有效投注重算调整'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.tyValidBetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="tyNetAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.tyNetAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.tyNetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="tyNetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏重算调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.tyNetRecalculationAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.tyNetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="tyVenueMemberRebateAmount"
					align="center"
					min-width="200"
					:label="'会员返水'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.tyVenueMemberRebateAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.tyVenueMemberRebateAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="tyMemberRebateRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'会员返水重算调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row
										.tyMemberRebateRecalculationAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.tyMemberRebateRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="tyMemberVenueNetAmount"
					align="center"
					min-width="200"
					:label="'总盈亏'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.tyMemberVenueNetAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.tyMemberVenueNetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
			</template>
			<template v-if="activeName === 'dj'">
				<el-table-column
					key="staticsDate"
					prop="staticsDate"
					align="center"
					min-width="150"
					:label="'统计日期'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.reportDate || '-' }}
					</template>
				</el-table-column>

				<el-table-column
					prop="djBetCount"
					align="center"
					min-width="200"
					:label="'注单量'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleNumber('', scope.row.djBetCount, 0) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="djBetAmount"
					align="center"
					min-width="200"
					:label="'投注金额'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.djBetAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.djBetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="djValidBetAmount"
					align="center"
					min-width="200"
					:label="'有效投注'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(scope.row.djValidBetAmount)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber('USDT', scope.row.djValidBetAmount)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="djValidBetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'有效投注重算调整'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.djValidBetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="djNetAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.djNetAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.djNetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="djNetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏重算调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.djNetRecalculationAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.djNetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="djVenueMemberRebateAmount"
					align="center"
					min-width="200"
					:label="'会员返水'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.djVenueMemberRebateAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.djVenueMemberRebateAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="djMemberRebateRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'会员返水重算调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row
										.djMemberRebateRecalculationAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.djMemberRebateRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="djMemberVenueNetAmount"
					align="center"
					min-width="200"
					:label="'总盈亏'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.djMemberVenueNetAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.djMemberVenueNetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
			</template>
			<template v-if="activeName === 'cp'">
				<el-table-column
					key="staticsDate"
					prop="staticsDate"
					align="center"
					min-width="150"
					:label="'统计日期'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.reportDate || '-' }}
					</template>
				</el-table-column>

				<el-table-column
					prop="cpBetCount"
					align="center"
					min-width="200"
					:label="'注单量'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleNumber('', scope.row.cpBetCount, 0) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="cpBetAmount"
					align="center"
					min-width="200"
					:label="'投注金额'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.cpBetAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.cpBetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="cpValidBetAmount"
					align="center"
					min-width="200"
					:label="'有效投注'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(scope.row.cpValidBetAmount)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber('USDT', scope.row.cpValidBetAmount)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="cpValidBetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'有效投注重算调整'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.cpValidBetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="cpNetAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.cpNetAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.cpNetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="cpNetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏重算调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.cpNetRecalculationAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.cpNetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="cpVenueMemberRebateAmount"
					align="center"
					min-width="200"
					:label="'会员返水'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.cpVenueMemberRebateAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.cpVenueMemberRebateAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="cpMemberRebateRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'会员返水重算调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row
										.cpMemberRebateRecalculationAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.cpMemberRebateRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="cpMemberVenueNetAmount"
					align="center"
					min-width="200"
					:label="'总盈亏'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.cpMemberVenueNetAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.cpMemberVenueNetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
			</template>
			<template v-if="activeName === 'hccp'">
				<el-table-column
					key="staticsDate"
					prop="staticsDate"
					align="center"
					min-width="150"
					:label="'统计日期'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.reportDate || '-' }}
					</template>
				</el-table-column>

				<el-table-column
					prop="hccpBetCount"
					align="center"
					min-width="200"
					:label="'注单量'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleNumber('', scope.row.hccpBetCount, 0) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="hccpBetAmount"
					align="center"
					min-width="200"
					:label="'投注金额'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.hccpBetAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.hccpBetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="hccpValidBetAmount"
					align="center"
					min-width="200"
					:label="'有效投注'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(scope.row.hccpValidBetAmount)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber('USDT', scope.row.hccpValidBetAmount)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="hccpValidBetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'有效投注重算调整'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.hccpValidBetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="hccpNetAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.hccpNetAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.hccpNetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="hccpNetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏重算调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.hccpNetRecalculationAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.hccpNetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="hccpVenueMemberRebateAmount"
					align="center"
					min-width="200"
					:label="'会员返水'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.hccpVenueMemberRebateAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.hccpVenueMemberRebateAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="hccpMemberRebateRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'会员返水重算调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row
										.hccpMemberRebateRecalculationAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.hccpMemberRebateRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="hccpMemberVenueNetAmount"
					align="center"
					min-width="200"
					:label="'总盈亏'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.hccpMemberVenueNetAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.hccpMemberVenueNetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
			</template>
			<template v-if="activeName === 'zr'">
				<el-table-column
					key="staticsDate"
					prop="staticsDate"
					align="center"
					min-width="150"
					:label="'统计日期'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.reportDate || '-' }}
					</template>
				</el-table-column>

				<el-table-column
					prop="zrBetCount"
					align="center"
					min-width="200"
					:label="'注单量'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleNumber('', scope.row.zrBetCount, 0) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="zrBetAmount"
					align="center"
					min-width="200"
					:label="'投注金额'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.zrBetAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.zrBetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="zrValidBetAmount"
					align="center"
					min-width="200"
					:label="'有效投注'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(scope.row.zrValidBetAmount)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber('USDT', scope.row.zrValidBetAmount)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="zrValidBetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'有效投注重算调整'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.zrValidBetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="zrNetAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.zrNetAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.zrNetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="zrNetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏重算调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.zrNetRecalculationAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.zrNetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="zrVenueMemberRebateAmount"
					align="center"
					min-width="200"
					:label="'会员返水'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.zrVenueMemberRebateAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.zrVenueMemberRebateAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="zrMemberRebateRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'会员返水重算调整'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row
										.zrMemberRebateRecalculationAdjustmentAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.zrMemberRebateRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="zrRewardAmount"
					align="center"
					min-width="200"
					:label="'真人打赏'"
				>
					<template slot-scope="scope">
						<span
							:style="handleNumberColor(scope.row.zrRewardAmount)"
						>
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.zrRewardAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="zrMemberVenueNetAmount"
					align="center"
					min-width="200"
					:label="'总盈亏'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.zrMemberVenueNetAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.zrMemberVenueNetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
			</template>
			<template v-if="activeName === 'qp'">
				<el-table-column
					key="staticsDate"
					prop="staticsDate"
					align="center"
					min-width="150"
					:label="'统计日期'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.reportDate || '-' }}
					</template>
				</el-table-column>

				<el-table-column
					prop="qpBetCount"
					align="center"
					min-width="200"
					:label="'注单量'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleNumber('', scope.row.qpBetCount, 0) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="qpBetAmount"
					align="center"
					min-width="200"
					:label="'投注金额'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.qpBetAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.qpBetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="qpValidBetAmount"
					align="center"
					min-width="200"
					:label="'有效投注'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(scope.row.qpValidBetAmount)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber('USDT', scope.row.qpValidBetAmount)
							}}
						</span>
					</template>
				</el-table-column>

				<el-table-column
					prop="qpNetAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.qpNetAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.qpNetAmount) }}
						</span>
					</template>
				</el-table-column>

				<el-table-column
					prop="qpVenueMemberRebateAmount"
					align="center"
					min-width="200"
					:label="'会员返水'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.qpVenueMemberRebateAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.qpVenueMemberRebateAmount
								)
							}}
						</span>
					</template>
				</el-table-column>

				<el-table-column
					prop="qpMemberVenueNetAmount"
					align="center"
					min-width="200"
					:label="'总盈亏'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.qpMemberVenueNetAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.qpMemberVenueNetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
			</template>
			<template v-if="activeName === 'dy'">
				<el-table-column
					key="staticsDate"
					prop="staticsDate"
					align="center"
					min-width="150"
					:label="'统计日期'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.reportDate || '-' }}
					</template>
				</el-table-column>

				<el-table-column
					prop="dyBetCount"
					align="center"
					min-width="200"
					:label="'注单量'"
				>
					<template slot-scope="scope">
						<span>
							{{ handleNumber('', scope.row.dyBetCount, 0) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dyBetAmount"
					align="center"
					min-width="200"
					:label="'投注金额'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.dyBetAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.dyBetAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dyValidBetAmount"
					align="center"
					min-width="200"
					:label="'有效投注'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(scope.row.dyValidBetAmount)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber('USDT', scope.row.dyValidBetAmount)
							}}
						</span>
					</template>
				</el-table-column>

				<el-table-column
					prop="dyNetAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏'"
				>
					<template slot-scope="scope">
						<span :style="handleNumberColor(scope.row.dyNetAmount)">
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.dyNetAmount) }}
						</span>
					</template>
				</el-table-column>

				<el-table-column
					prop="dyVenueMemberRebateAmount"
					align="center"
					min-width="200"
					:label="'会员返水'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.dyVenueMemberRebateAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.dyVenueMemberRebateAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dyActivityBonusAmount"
					align="center"
					min-width="200"
					:label="'电子活动奖金'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.dyActivityBonusAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.dyActivityBonusAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="dyMemberVenueNetAmount"
					align="center"
					min-width="200"
					:label="'总盈亏'"
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.dyMemberVenueNetAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.dyMemberVenueNetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
			</template>
			<template v-if="activeName === 'selfSelection'">
				<el-table-column
					key="staticsDate"
					prop="staticsDate"
					align="center"
					min-width="150"
					:label="'统计日期'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ scope.row.reportDate || '-' }}
					</template>
				</el-table-column>
				<el-table-column
					prop="countBetCount"
					align="center"
					min-width="150"
					:label="'注单量'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						<span>
							{{ scope.row.countBetCount || 0 }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="countBetAmount"
					align="center"
					min-width="200"
					:label="'投注金额'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ handleCurrency('USDT') }}
						{{ handleNumber('USDT', scope.row.countBetAmount) }}
					</template>
				</el-table-column>
				<el-table-column
					prop="countValidBetAmount"
					align="center"
					min-width="200"
					:label="'有效投注'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ handleCurrency('USDT') }}
						{{
							handleNumber('USDT', scope.row.countValidBetAmount)
						}}
					</template>
				</el-table-column>
				<el-table-column
					prop="countValidBetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'有效投注重算调整'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						<span>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.countValidBetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="countFactValidBetAmount"
					align="center"
					min-width="200"
					:label="'实际有效投注'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ handleCurrency('USDT') }}
						{{
							handleNumber(
								'USDT',
								scope.row.countFactValidBetAmount
							)
						}}
					</template>
				</el-table-column>
				<el-table-column
					prop="countNetAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ handleCurrency('USDT') }}
						{{ handleNumber('USDT', scope.row.countNetAmount) }}
					</template>
				</el-table-column>
				<el-table-column
					prop="countNetRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'投注盈亏重算调整'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						<span>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.countNetRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="countFactNetAmount"
					align="center"
					min-width="200"
					:label="'实际投注盈亏'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(scope.row.countFactNetAmount)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.countFactNetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="countVenueMemberRebateAmount"
					align="center"
					min-width="200"
					:label="'会员返水'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						<span>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.countVenueMemberRebateAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="countMemberRebateRecalculationAdjustmentAmount"
					align="center"
					min-width="200"
					:label="'会员返水重算调整'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						<span>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row
										.countMemberRebateRecalculationAdjustmentAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="otherAmount"
					align="center"
					min-width="200"
					:label="'其他收支项'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						<span>
							{{ handleCurrency('USDT') }}
							{{ handleNumber('USDT', scope.row.otherAmount) }}
						</span>
					</template>
				</el-table-column>
				<el-table-column
					prop="countMemberVenueNetAmount"
					align="center"
					min-width="200"
					:label="'自选场馆盈亏'"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						<span
							:style="
								handleNumberColor(
									scope.row.countMemberVenueNetAmount
								)
							"
						>
							{{ handleCurrency('USDT') }}
							{{
								handleNumber(
									'USDT',
									scope.row.countMemberVenueNetAmount
								)
							}}
						</span>
					</template>
				</el-table-column>
			</template>
		</el-table>
		<!-- 分页 -->
		<el-pagination
			v-show="!!total"
			class="text-right"
			:current-page.sync="pageNum"
			background
			layout="total, sizes,prev, pager, next, jumper"
			:page-size.sync="pageSize"
			:page-sizes="pageSizes"
			:total="total"
			:pager-count="9"
			@current-change="handleCurrentChange"
			@size-change="handleSizeChange"
		></el-pagination>
		<!-- <div slot="footer" class="dialog-footer" style="text-align: center">
			<el-button type="primary" @click="handleClose">关闭</el-button>
		</div> -->
	</el-dialog>
</template>
<script>
import list from '@/mixins/list'
import summaryList from './summaryList'
export default {
	mixins: [list, summaryList],
	props: {
		rowVal: {
			type: Object,
			default: () => {}
		},
		venueCodes: {
			type: Array,
			default: () => []
		},
		activeName: {
			type: String,
			default: 'all'
		},
		closeDialog: {
			type: Function,
			default: () => {}
		}
	},
	data() {
		return {
			loading: false,
			tableData: [],
			total: 0,
			totalSummary: {},
			subSummary: {}
		}
	},
	methods: {
		formatDate(dateString) {
			// 确保输入字符串是8位数字
			if (dateString.length !== 8 || isNaN(Number(dateString))) {
				return '-'
			}

			// 切片字符串并插入短横线
			const year = dateString.slice(0, 4)
			const month = dateString.slice(4, 6)
			const day = dateString.slice(6, 8)

			// 返回格式化后的日期字符串
			return `${year}-${month}-${day}`
		},
		handleCurrentChange(value) {
			this.pageNum = value
			this.loadData()
		},
		handleSizeChange(value) {
			this.pageNum = 1
			this.pageSize = value
			this.loadData()
		},
		loadData() {
			this.loading = true
			this.rowVal.pageNum = this.pageNum
			this.rowVal.pageSize = this.pageSize
			this.rowVal.startDate = Number(this.rowVal.startDate)
			this.rowVal.endDate = Number(this.rowVal.endDate)
			if (this.activeName === 'selfSelection') {
				this.rowVal.venueTypes = this.venueCodes
			}
			this.$api
				.queryNetAmountDay(this.rowVal)
				.then((res) => {
					this.loading = false
					if (res.code === 200) {
						this.tableData = []
						this.tableData = res?.data?.record || []
						this.subSummary = res?.data?.summary || {}
						this.total = res?.data?.totalRecord || 0
					}
				})
				.catch(() => {
					this.loading = false
				})
			this.$api
				.getReportNetAmountDaySummary(this.rowVal)
				.then((res) => {
					this.loading = false
					if (res.code === 200) {
						this.totalSummary = res?.data || {}
					}
				})
				.catch(() => {
					this.loading = false
				})
		},
		handleClose() {
			this.closeDialog(false)
		}
	}
}
</script>
<style lang="scss" scoped>
.fenye {
	text-align: center;
}
::v-deep .el-table__body-wrapper {
	overflow-y: auto;
	max-height: 45vh;
}
</style>
